<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>test</title>
<link href="${ctxStatic}/jqmobile/1.3.2/jquery.mobile-1.3.2.min.css" rel="stylesheet">
<script src="${ctxStatic}/jquery/1.10.2/jquery.min.js"></script>
<script src="${ctxStatic}/jqmobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
        
	$(document).ready(function() {
		$("#Button1").click(function() {
			try {
				$.ajax({
					type : "POST", //访问WebService使用post方式请求
					//contentType : "application/json;utf-8", //WebService会返回json类型
					url : "http://www.transmissionline.net:8089/Service.asmx/GetTriDiaResInfos", //调用WebService的地址和方法名称组合
					data : "{StrEName:'海口供电局',StrMLName:'',StrSearchBeginTime:'20130215',StrSearchEndTime:'20130315'}", //这里是要传递的参数，格式为data:"{paraName:paraValue}"
					//dataType : "json",
					dataType : "XML",
					success : function(result) {
						$("#result").html(result.d);
					}
					error: function(result, status){
						alert(result.d);
		             }
				});
				//alert("hello");
			} catch (ex) {
				alert(ex);
			}
		});
	});
</script>
</head>

<body>
	<div data-role="page">

		<div data-role="header">
		</div>
		<!-- /header -->

		<div data-role="content">
			<input id="Button1" type="button" value="Invoke1" />
			<div id="result">
			</div>
		</div>
		<!-- /content -->

		<div data-role="footer">
			<h4></h4>
		</div>
		<!-- /footer -->

	</div>
	<!-- /page -->

</body>
</html>